@import "./variables.scss";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px "Arial","Microsoft YaHei","黑体","宋体",sans-serif; }
table { border-collapse:collapse; }
 
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }/*公共类*/
.fl { float:left}
.fr {float:right}
.al {text-align:left}
.ac {text-align:center}
.ar {text-align:right}
.hide {display:none}

// 定制element-theme
// dialog组件
.el-dialog {
  border-radius: 4px;
}
.el-dialog__header {
  padding: 8px 20px;
  text-align: left;
  background: #04B37C;
  color: #fff;
  border-radius: 4px 4px 0 0;
}
.el-dialog__title {
  font-size: 14px;
  color: #fff;
}
.el-dialog__headerbtn {
  top: 10px;
}
.el-dialog__headerbtn .el-dialog__close {
  color: #fff;
  transition: all .3s ease;
  &:hover {
    color: #EFF0F3;
  }
}
.el-dialog__footer {
  text-align: center;
  .btn-save {
    margin-left: 20px;
  }
}
// message组件
.el-message-box {
  border: 0 none;
  border-radius: 6px;
  .el-message-box__header {
    background: #04B37C;
    padding: 10px;
    border-radius: 4px 4px 0 0 ;
  }
  .el-message-box__title {
    font-size: 14px;
    color: #fff;
  }
  .el-message-box__headerbtn {
    top: 10px;
    .el-message-box__close {
      color: #fff;
      &:hover {
        color: $bg_hover;
      }
    }
  }
  .el-message-box__content {
    padding: 30px 15px;
  }
  .el-message-box__btns {
    text-align: center;
    & > .el-button:first-child {
      margin-right: 20px;
    }
  }
}

// el-row搜索模块布局
.col-bottom {
  display: inline-block;
  margin-bottom: 20px;
}

// pagination组件
.el-pagination .el-icon-arrow-right {
  display: inline-block !important;
}

// table组件
.el-table__header {
  .el-table th, .el-table tr {
    background-color: $bg_primary !important;
  }
  .el-table__row:hover {
    background: $bg_hover;
  }
}